a{
    color:inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}


#nav{
    
    display:flex;
    align-items:center;
    justify-content: space-around;
    margin:0 auto;

    color:#666565;
    
    height:100px;
   
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff; /* 或者您想要的背景颜色 */
    z-index: 1000;
    
}
#nav ul{
    list-style-type: none;
    transition:border-bottom 5s ;
}
#nav li:hover{
    border-bottom: 2px solid rgb(213, 13, 13);

}
#nav li:after{
    border-bottom:100%;

}
.nav-img-logo{
    margin:0 10px;
    
    width:150px;
    height:93px;

}
#nav li{
    float:left;
    margin: 20px;
    padding:4px 0px;
    font-size: medium;

}
.nav-signal{
    border-bottom: 2px solid rgb(213, 13, 13);
}
.nav-img-cn{
    
    padding:0px;
    max-width: 40px;
    max-height: 40px;
}
#picChange{
    width:100%;
    
}
#pic{
    position:relative;
    
    list-style-type:none;
    width:100%;
    overflow:hidden;
}

#pic img{
    width:100%;
    border-bottom:2px solid red;
    
}
.text-overlay{
    position: absolute;
    bottom: 20px;
    margin:10 auto;
    width:100%;
    
    color: white;
    font-size:2em;
    text-align:center;
}
#num{
    display:flex;
    position:absolute;
    bottom: 20px;
    width:100%; margin-left: 46%;

}
#num span{
    display:inline-block;
    width:8px;
    height:8px;
    background: transparent;
    border: 1px solid rgb(228, 226, 226);
    border-radius: 50%;
    margin-left: 10px;
}
#num span.active {
    background-color: #fff; /* 或其他你想要的实心颜色 */
}
#picChange li{
    color:white;
    list-style-type: circle;
    margin-left:30px;
    
}
#article{
    background-image:url("../img/bk.png");
}
.ar-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
    width:1000px;
    height:1000px;
    margin:0px auto;
    padding:50px 0px;


}
.box{
    
    position:relative;
    width:480px;
    background-color:white;
    


}
.box img{
    width:100%;
    height:270px;
    
}
.box-img{
    position:absolute;
    top:285px;
    left:40px;
    width: 40px;
    height: 40px;
    object-fit: cover; /* 确保图片填充整个区域而不变形 */
}
.box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.box-title{
   
    text-align:center;
    font-weight:600;
    font-size: larger;

}
.box p{
    padding-left:15px;
    padding-right:15px;
}
.box a{
    display:block;
    
    color:rgb(250, 86, 86);
    text-align:right;
    margin-bottom: 10px;
}

.box a:hover{
    color:rgb(197, 4, 4);
}

#section{
    width:1000px;
    margin:0px auto;
    padding-bottom:30px;

}
#section p{
    color:red;
    text-align:center;
}

.se-img{
    display: flex;
    flex-wrap: wrap;
    
}

.se-img img{
    max-width: 166px;
    
}












#footer{
   
    
    
    width:100%;
    
    box-shadow: 0 -3px 3px rgba(204, 201, 201, 0.3);
}
.footer-top{
    display:flex;
    justify-content: space-between;


}


.footer-img-globle{
    
    
    margin:10px 80px;
    


    width:235px;
    height:100px;
}
.footer-inner{
    display:flex;
    margin:0px 130px;
}
.footer-table{
    
    
    
    
    font-size:medium;
    color:#666565;
    
    

}
.footer-table a:hover {
    color: red;
  }
.footer-table td{
    padding: 10px;

}


#footer li{
    padding-top: 10px;;
    list-style-type: none;
    color:#8b8989;
    font-size: small;
}






.footer-bottom{
    
    
    
    box-shadow: 0 -3px 3px rgba(204, 201, 201, 0.3);
    color:rgb(65, 64, 64);

    font-size:smaller;
    text-align:center;

    
}
.footer-bottom span{
    color:rgb(128, 128, 246);
}



#backToTop img{
    position:fixed;
    right:20px;
    bottom:30px;
    max-height:30px;
    border-radius: 50%;
    background-color: rgb(201, 6, 6);
    box-shadow: 5px 5px 15px rgba(146, 144, 144, 0.3),
              -5px -5px 15px rgba(146, 144, 144, 0.3),
              5px -5px 15px rgba(146, 144, 144, 0.3),
              -5px 5px 15px rgba(146, 144, 144, 0.3);

}
